/**
* 视图切换 ----------开始
*/
.f-view-change .f-view-change-tile {
  border: 1px solid $f-view-change-btn-border-color;
  box-shadow: $farris-btn-box-shadow-outline;
  border-radius: $farris-border-radius;

  .f-view-change-tile-btn {
    border: none;
    border-right: 1px solid $f-view-change-btn-border-color;
    padding: $f-btn-padding-y 6px;
    margin-left: 0;

    &:last-child {
      border-right: none;
    }
  }
}

// 与响应式工具栏一起
f-response-toolbar+farris-view-change {
  padding: 0 0 0 10px;
  position: relative;
}

f-response-toolbar+farris-view-change.f-btn-ml {
  margin: 0 0 0 10px !important;
}

f-response-toolbar+farris-view-change::before {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 20px;
  background: rgba(0, 22, 82, 0.10);
  top: 50%;
  margin-top: -10px;
}

/**
  * 视图切换 ----------结束
  */